<style>
    .mui-row.mui-fullscreen>[class*="mui-col-"] {
        height: 100%;
    }

    .mui-col-xs-3,
    .mui-col-xs-9 {
        overflow-y: auto;
        height: 100%;
    }

    .mui-segmented-control .mui-control-item {
        line-height: 50px;
        width: 100%;
    }

    .mui-control-content {
        display: block;
    }

    .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
        background-color: #fff;
    }
    .mui-toast-container {
        bottom: 50%;
    }
    .zcnav {
      left: 0px; right: 0px; top: 70px; z-index: 7;position: fixed; height:40px;line-height: 40px;
    }
    .zcnav a{
      font-size: 16px;
          color: #fff;
    }
    .zcnav span{
      font-size: 16px;
          margin-left: 10px;
              color: #525252;
    }

</style>
<header class="mui-bar mui-bar-nav" style="z-index:7">

			<h1 class="mui-title">{$companyInfo['title']}</h1>
      <a class="mui-icon mui-icon-contact mui-pull-right" href="{:url('index/order/qiyeindex', ['cid'=>$cid ])}"></a>
</header>
<div class="pref-info" style="left: 0px; right: 0px; top: 44px; z-index: 7;position: fixed;">
    <span class="pref-text"><b style="font-size: 14px;color:#000">{$companyInfo['remark']}</b></span>
</div>



<div class="mui-content mui-row mui-fullscreen tab1" style="    padding-top: 70px;    padding-bottom: 50px;">

  {eq name='$is_contact' value='1'}
    <div class="subsc"   style="line-height:30px;"><button type="button" name="button" class="mui-btn-warning">关注客服微信</button> {$contact_dec}</div>
  {/eq}


    <div class="mui-col-xs-3">

        <div id="segmentedControls" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-vertical">
            {volist name="Goodscatlist"  id="vo"}
              <a class="mui-control-item   {eq name='$i' value="1"}mui-active{/eq}" data-index="{$i-1}" href="#content{$i}">{$vo.cat_name}</a>
            {/volist}
        </div>
    </div>
    <div id="segmentedControlContents" class="mui-col-xs-9" style="border-left: 1px solid #c8c7cc;">
      {volist name="Goodscatlist"  id="vo"}
        <div id="content{$i}" class="mui-control-content">
            <dl>
                <dt>
                    <div class="category-title">
                        <strong class="category-name">{$vo.cat_name}</strong>
                        <span class="category-description"></span>
                    </div>
                </dt>
                {volist name=":getGoodscat($vo['id'])" id="item"}
                  <dd   data-ruleid="{$item['goodsrule'][0]['id']}"  data-goodid="{$item['id']}">
                      <span class="foodimg"><img  src="{$item['cover_id']|get_cover='path'}" data-preview-src="" data-preview-group="{$item['id']}">
                      </span>
                      <section class="foodinfo">
                          <header class="foodtitle"><span>{$item['good_name']}</span>
                              <!-- <aside class="foodattributes"><span style="color: rgb(236, 156, 104);">{$item['good_feature']|parse_config_value='goods_feature'}</span></aside> -->
                          </header>
                          <p class="fooddescription">{$item['good_desc']|msubstr=###,0,50}</p>
                          <!-- <p class="foodsales"><span>月售9份</span> <span>好评率100%</span></p> -->
                          <!-- <p class="foodactivity"><span style="color: rgb(240, 115, 115);">秒杀</span><span style="background-color: rgb(255, 140, 51); border-color: rgb(255, 140, 51);">限在线支付</span></p> -->
                          {php}
                             $priceArr = array();
                             foreach($item['goodsrule'] as $data){
                                $priceArr[]= $data['rule_price'];
                             }
                             $minPrice = min($priceArr);
                             if(count($priceArr) > 1){
                                  $minPriceHtml = "<span>".$minPrice."</span><span class='foodprice-lowest'>起</span>";
                             }else{
                                $minPriceHtml = "<span>".$minPrice."</span>";
                             }
                          {/php}
                          {eq name="$is_showprice" value = '1'}
                                  <strong class="foodprice">{$minPriceHtml}  </strong>
                                    <div class="mask mask-transition" style="display:none;">
                                        <div class="wrap">
                                            <div class="container">
                                                <div class="specpanel">
                                                    <h1>{$item['good_name']}</h1>
                                                    <div class="candidators">
                                                        <div class="candidators-group">
                                                            <h2>规格</h2>
                                                              {volist name="$item['goodsrule']" id="voo"  }
                                                                <a href="javascript:" class="candidator {eq name='$i' value='1'}selected {/eq}" data-info="{$voo[rule_name]}|{$voo[rule_price]}|{$voo[stock]}|{$voo[weight]}" data-ruleid="{$voo[id]}">{$voo[rule_name]}</a>
                                                              {/volist}
                                                        </div>
                                                        <div class="selectedresult">
                                                            <p class="selectedstr">已选：{$item['goodsrule'][0]['rule_name']} <span class='stock'>库存：{$item['goodsrule'][0]['stock']}</span> <span class='weight'>重量：{$item['goodsrule'][0]['weight']}</span></p>

                                                            <p class="price"><span class="yen">¥</span> <span class="now">{$item['goodsrule'][0]['rule_price']}</span> </p>

                                                        </div>
                                                        <a href="javascript:" class="cartadd" data-id="{$item['id']}" data-ruleid="{$item['goodsrule'][0]['id']}" data-dismiss="cart" data-methods="addmore" >加入购物车</a>
                                                        <a href="javascript:" class="close"></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                  </div>

                                  <div class="cartbutton">
                                    <span>
                                      <span class="entitybutton">
                                        {$item['id']|getRulenumhtml}
                                        {if condition="count($item['goodsrule']) gt 1 "}
                                          <a href="javascript:" class="specadd"  ><span class="entityspecbutton"  >选规格</span></a>
                                        {else /}
                                          <a href="javascript:" class="oneaddcart" data-dismiss="cart" data-methods="addone" ><span class="mui-icon mui-icon-plus"></span></a>
                                        {/if}
                                      </span>
                                    </span>
                                </div>
                              {/eq}
                      </section>
                  </dd>
                {/volist}
            </dl>
        </div>
      {/volist}
    </div>

    <div class="cartmask fold-transition" _v-fd8ba416="" style="z-index: 8;display: none;"></div>
    <div class="cartbody fold-transition"  style=" z-index: 9;display:none;">
        <div class="cartheader" ><span class="cartheader-text" >购物车</span> <a href="javascript:" class="cartheader-remove" ><span class="mui-icon mui-icon-trash"></span> <span >清空</span></a></div>
        <div class="cartbody-scroller" >
            <!-- <div class="piecewise-tips" ><b >阶梯配送费</b> 满70免配送费</div> -->
            <ul class="cartlist" >
            </ul>
            <script id="tpl" type="text/html">
            {{each  as value i}}
              <li class="entityrow" data-boxruleid="{{value.rule_id}}" data-boxgoodid="{{value.good_id}}"  >
                <span class="entityname" ><em class="name" >{{value.good_name}} {{value.rule_name}}</em></span>
                <span class="entitytotal" >{{value.good_price*value.num}}</span>
                <span  class="entitycartbutton">
                  <span class="entitybutton">
                    <a href="javascript:" data-dismiss="cart" data-methods="minusbox" data-cartid="{{value.id}}"  style="padding:0" ><span class="mui-icon mui-icon-minus"></span></a>
                    <span class="entityquantity">{{value.num}}</span>
                    <a href="javascript:" data-dismiss="cart" data-methods="addbox" style="padding:0" ><span class="mui-icon mui-icon-plus"></span></a>
                  </span>
                </span>
              </li>
            {{/each}}
            </script>
        </div>
    </div>
    <nav class="mui-bar mui-bar-tab tgou" style="      border-bottom: none;    background-color: #3d3d3f;    padding-left: 2.164384rem;">
        <span class="carticon {empty name='$cartSum'}empty{/empty}"  attr-quantity="{$cartSum}"></span>
        <div class="cartprice" ><span class="carttotal" >¥<i>{$cartCountprice}</i></span> <span class="cartdelivery" ></span></div>

        {if condition="$cart.price gt cookie('init_price')"}<a href="javascript:;" data-url="{:url('index/cart/index')}" class="submitbutton tgxd" >去结算</a>
        {elseif condition="$cart.price eq 0"/}<a href="javascript:;" data-url="" class="submitbutton" >{:cookie('init_price')}起送</a>
        {else /} <a href="javascript:;" data-url="" class="submitbutton" >还差{:abs($cart.price - cookie('init_price'))}元</a>
        {/if}

    </nav>
</div>
